<template>
	<view>
		<!-- 筛选条件显示 -->
		<view class="tabs-container">
			<view class="tabs">
				<view class="tab" :class="{ active: activeTab === 0 }" @click="switchTab(0)">迅速上手</view>
				<view class="tab" :class="{ active: activeTab === 1 }" @click="switchTab(1)">代理规则</view>
				<view class="indicator" :style="{ left: activeTab * 50 + 20 + '%'}"></view>
			</view>
		</view>
		<template v-if="activeTab == 0">
			<view class="tetle-box">
				<view class="tetle1">轻松挣钱</view>
				<view class="tetle1">第一步：在<text class="tetle2">“首页”</text>点击
				<text class="tetle2">“收款管理”</text></view>
				<view class="tetle1">添加您的收款方式并点击上架</view>
				<view class="tetle1">第三步：在<text class="tetle2">“首页”</text>点击
				<text class="tetle2">“接单开关”</text></view>
				<view class="tetle1">开始接单，接受订单</view>
				<view class="tetle1">第四步：收到订单后核对信息，确认您是否收款</view>
				<view class="tetle1">已收到款则点击订单上<text class="tetle2">“已收到”</text>按钮，</view>
				<view class="tetle1">您的返佣奖金即时到账，轻松挣钱。</view>
			</view>
		</template>
		<template v-if="activeTab == 1">
			<view class="tetle-box">
				<view class="tetle1">我的代理返佣：</view>
				<view class="tetle1">您开启接单后，根据您确认收款订单的金额，乘以您的对应返佣比例获得返佣奖金。</view>
				<view class="tetle1">我的下级返佣：</view>
				<view class="tetle1">创建代理</view>
				<view class="tetle1">第一步：创建代理</view>
				<view class="tetle1">在“全民代理”点击“创建代理”</view>
				<view class="tetle1">设置您下级代理的返佣点数（可设置区间：等于或者小于资金）</view>
				
				<view class="tetle1">第二步：分享“初始账号密码”</view>
				<view class="tetle1">分享“APP地址”给您的下级代理</view>
				<view class="tetle1">第三步：下级代理返佣说明</view>
				<view class="tetle1">1.代理确认收款订单后，根据自身返佣点数获得返佣奖金</view>
				<view class="tetle1">2.依次向上级代理查询，如存在返佣点数差值则该上级代理获得差值返佣奖金</view>
				<view class="tetle1">3.直至查询没有差值，该次返佣结束</view>
				<view class="tetle1">差值返佣点数=您的点数-您的下级代理点数（您的下级代理里，与您存在差值返佣点数，则获得收益）</view>
			</view>
		</template>
	</view>
</template>

<script src="./index.js"></script>
<style scoped src="./index.scss" lang="scss"></style>